/**
 * [顶部导航样式]
 * @Author   zhanggongze
 * @DateTime 2017-07-31
 */

.flm-navbar {
    background-color: #fff;
    border-color: #fff;
    height: 70px;
    box-shadow: 0 2px 10px #ccc;
    .flm-log {
        width: 260px;
        height: 70px;
        background-color: #22acfb;
        position: relative;
        transition: width 0.5s ease;
        box-shadow: 0 10px 0 #121920;
        .flm-logbg {
            width: 215px;
            height: 74px;
            // border: 1px solid #f00;
            margin: 0 auto;
            transition: all 0.5s ease;
            background-repeat: no-repeat;
            background-position: 20px 20px;
            background-size:  70% auto;
        }
        .flm-Toggle {
            position: absolute;
            top: 0;
            right: -98px;
            line-height: 80px;
            i {
                font-size: 30px;
                color: #7a8897;
                cursor: pointer;
            }
            i:nth-child(3) {
                font-size: 32px;
            }
        }
    }
    .flm-isCollapsed {
        width: 100px;
        .flm-logbg {
              width: 50px;
            background-position: 0 30px;
        }
    } 
    .flm-sign-out {
        text-align: right;
        padding-right: 50px;
        div {
            display: inline-block;
            line-height: 70px;
        }
        .flm-headimg {
            width: 50px;
            img {
                border-radius: 50%;
            }
        }
        .flm-worker {
            padding-left: 8px;
            font-size: 21px;
            color: #9e9e9e;
        }
        .flm-exiteicon {
            padding-left: 6px;
            font-size: 23px;
            color: #d7d7d7;
            cursor: pointer;
        }
    }
}